; (function () {
    $(function () {
        var flag = true;
        $(".Num").attr("value", $.cookie("number"))
        $("#header").load("./header.html");
        $("#footer").load("./footer.html");

        $("#searchTo").on("mouseenter", function () {
            $("#searchTo").css("text-decoration", "underline")
        })
        $("#searchTo").on("mouseleave", function () {
            $("#searchTo").css("text-decoration", "none")
        })
        $("#searchToMa").on("mouseenter", function () {
            $("#searchToMa").css("text-decoration", "underline")
        })
        $("#searchToMa").on("mouseleave", function () {
            $("#searchToMa").css("text-decoration", "none")
        })

        $("#searchTo").on("click", function () {
            if (flag == true) {
                $(".searchInput").slideDown()
                $("#searchIcon").css("transform", "rotate(180deg)")
                flag = false;
            } else if (flag == false) {
                $(".searchInput").slideUp()
                $("#searchIcon").css("transform", "rotate(0deg)")
                flag = true;
            }
        })

        // $("#searchToMa").on("click", function () {
        //     if (flag == true) {
        //         $(".searchMaInput").slideDown()
        //         $("#searchIcon2").css("transform", "rotate(180deg)")
        //         flag = false;
        //     } else if (flag == false) {
        //         $(".searchMaInput").slideUp()
        //         $("#searchIcon2").css("transform", "rotate(0deg)")
        //         flag = true;
        //     }
        // })

        // 返回头部
        $(document).scroll(function () {
            if ($(document).scrollTop() > 110) {
                $(".backTop").show();
            } else {
                $(".backTop").hide();
            }
        })
        $(".backTop").on("mouseenter", function () {
            $(this).css({
                "width": "110px",
                "opacity": "1"
            })
            $(".textTop").show().html("返回头部")
        })
        $(".backTop").on("mouseleave", function () {
            $(this).css({
                "width": "41px",
                "opacity": 0.5
            })
            $(".textTop").hide();

        })

        $(".backTop").on("click", function () {
            $("html").animate({ scrollTop: 0 }, 100, function () { })
        })





        //得到购物车列表数据
        if (localStorage.getItem("users") != null) {
            $.ajax({
                url: "./api/getcarts",
                data: {
                    u_id: JSON.parse(localStorage.getItem("users")).uid
                }
            }).then(function (res) {
                console.log(res.data)
                loadData(res.data);
               
                var money = 0;
                res.data.forEach((el) => {
                    money = parseInt(el.p_total) + money;
                    console.log((money))
                    $(".allTotal").find("span").text(money);
                })
                $(".goPay").show();
                $(".boxNull").hide();
            })
        } else {
            $(".boxNull").show();
            return false;
        }


        function loadData(arr) {
            var strHtml = "";
            arr.forEach((ele) => {
                strHtml += `<div class='GoodBox' data-c_id=${ele.c_id}>
                <div class="inputNum">
                <input type="text" class="Num" value="${ele.p_number}">
                 </div>
            <div class="Img">
               <a href="./goods.html"><img src="${ele.p_img}" style='width:110px;height=110px'></a> 
            </div>
            <div class="addData">
            <div class="updateNum">
                <input type="button" value="更新" class="updateBtn">
            </div>
            <p>${ele.p_name}</p>
            <p>${ele.p_type}</p>
            <h3>¥<span class='danjia'>${ele.p_price}</span></h3>
            <p>${ele.p_deps}</p>
            <p>${ele.p_size}</p>
            <p>商品货号:${ele.p_id}</p>
            <div class="countMoney">
            <div class='total'>总计:</div>
                    <h2 class='money'>¥ <span>${ele.p_total}</span> </h2></div>
            <div class="heartImg">
                <img src="./images/xinyuan.png"><a href="JavaScript:void(0)">加入心愿单</a>
            </div>
            <div class="deleteImg">
                <img src="./images/delete.png"><a href="JavaScript:void(0)" class="deleteCar">删除</a>
            </div>
            </div>
            </div>
            `
            })
            $(".goodsBox").append(strHtml);

            //更新按钮
            // $(".Num").on("focus", function () {
            //     $(this).parent().siblings().css("opacity", 0.3)
            // })
            // $(".Num").on("blur", () => {
            //     $(".inputNum").siblings().css("opacity", 1)
            //     $(".updateBtn").hide();
            // })

            //修改列表商品数量
            $(".updateBtn").on("click", function () {
                var p_number = $(this).parent().parent().siblings(".inputNum").children(".Num").val();
                console.log($(this).parent().parent().siblings(".inputNum").children(".Num").val())
                if (p_number <= 1) {
                    return;
                }
                var c_id = $(this).parent().parent().parent().data('c_id')
                $.ajax({
                    url: "./api/modify",
                    type: "post",
                    data: {
                        c_id,
                        p_number
                    }
                }).done((res) => {
                    layer.msg(res.msg);
                    console.log(res)
                })

                //修改总计
                $(this).parent().siblings(".countMoney").children("h2").children("span").text($(this).parent().siblings().children("span").text() * p_number)
                var money = 0;
                $.ajax({
                    url: "./api/modiMoney",
                    type: "post",
                    data: {
                        u_id: JSON.parse(localStorage.getItem("users")).uid
                    }
                }).done((res) => {
                    console.log(res.data)
                    res.data.forEach(el => {
                        money = parseInt(el.p_total) + money;
                        console.log((money))
                        $(".allTotal").find("span").text(money);
                    })
                })


                //$(".allTotal").find("span").text($(this).parent().siblings().children("span").text() * p_number)

            })

            //刪除操作
            $(".deleteImg").on("click", ".deleteCar", function () {
                layer.confirm("确定删除嘛?", {
                    btn: ["确定", "等等"]
                }, (index) => {
                    layer.close(index);

                    var c_id = $(this).parent().parent().parent().data("c_id");
                    $.ajax({
                        url: "./api/delete",
                        type: "post",
                        data: {
                            c_id
                        }
                    }).then(res => {
                        layer.msg(res.msg);
                        getMoney();
                        if (res.status == 1) {
                            $(this).parent().parent().parent().remove();
                        }

                    })
                }, () => {

                })

            })

            //退出登录
            $(".quitLogin").on("click", function () {
                $.ajax({
                    url: "./api/quit",
                    type: "get"
                }).then(function (res) {
                    layer.msg(res.msg);
                    if (res.status == 1) {
                        localStorage.clear();
                        setTimeout(function () {
                            window.location.reload();
                        }, 1000)
                    }

                })
            })

            //获得应付金额
            function getMoney() {
                var money = 0;
                $.ajax({
                    url: "./api/modiMoney",
                    type: "post",
                    data: {
                        u_id: JSON.parse(localStorage.getItem("users")).uid
                    }
                }).done((res) => {
                    console.log(res.data)
                  
                    res.data.forEach(el => {
                        money = parseInt(el.p_total) + money;
                        console.log((money))
                        $(".allTotal").find("span").text(money);
                    })
                    
                })
            }

            // var $value = $(".Num").val();
            // var $listArr = typeof data == "string" ? JSON.parse(data) : data;
            // $listArr.forEach(el => {
            //加商品的信息


            //     //得到价钱
            //     var $money = parseInt(el.price) * $value;
            //     var $newCount = $(`<div class='total'>总计:</div>
            //    <h2 class='money'>¥ ${$money} </h2>`)
            //     $(".countMoney").append($newCount);

            //     $(".updateBtn").on("click", function () {
            //         $(".Num").attr("value", $(".Num").val())
            //         $.cookie("number", $(".Num").val(), 10)
            //         window.location.reload();

            //     })

            //     //去结算
            //     var $newMoney = $(`<h2>总计</h2>
            //        <p><h6>商品合计 <span class='heji'>¥ ${$money}</span></h6></p>
            //        <p>送货费<i>(尚未计算)</i><span>¥ ?</span> </p>
            //    `)
            //     $(".goPayTop").append($newMoney);

            //     var $AllMoney = $(`<p>
            //    <h2>应付金额<span>¥ ${$money}</span></h2></p>
            //    <p><button class='nowPay'>立即结算 </button></p>`)
            //     $(".goPayBottom").append($AllMoney);

            // });

        }





        //添加
        // if ($.cookie("number") != null) {
        //     $(".boxNull").hide();
        //     $(".clear").show();
        //     $(".goodsBox").children().show();
        //     $(".selectServer").show();
        //     $(".searchMa").show();

        // } else {
        //     $(".boxNull").show();
        //     $(".inputNum").hide();
        //     $(".Img").children().hide();
        //     $(".heartImg").hide();
        //     $(".deleteImg").hide();
        //     $(".clear").hide();
        //     $(".searchMa").hide();
        //     $(".goPay").hide();

        // }



        // //输入货号添加商品
        // $(".goodsAddbtn").on("click", function () {
        //     var $id = $(".goodsId").val();
        //     var $inputVal = $(".goodsNum").val();
        //     $.ajax({
        //         url: "../server/goods.json"
        //     }).then(function (data) {
        //         var $listArr = typeof data == "string" ? JSON.parse(data) : data;
        //         $listArr.forEach(el => {
        //             if (el.id == $id && $inputVal >= 1) {
        //                 $.cookie("number", $inputVal, 10)
        //                 window.location.reload();
        //             } else {
        //                 $(".errorAdd").text("您 输 入 了 错 误 的 货 号 或 数 量, 该 商 品 不 存 在 哦 ! 要 不 您 再 试 试 ?")
        //             }

        //         })
        //     })
        // })

        // //删除商品
        // $(".deleteCar").on("click", function () {
        //     $.cookie("number", "", { expires: -1 })
        //     window.location.reload();

        // })

        // //清除全部
        // $(".clearCar").on("click", function () {
        //     $(".alertClear").fadeTo(500, 1, function () { });
        //     $(".bigBox").show();
        //     $(".alertClearNum").text($.cookie("number"))
        // })
        // $(".cancel").on("click", function () {
        //     // $(".alertClear").hide();
        //     $(".alertClear").fadeTo(500, 0, function () { });
        //     $(".bigBox").hide();
        // })
        // $(".yes").on("click", function () {
        //     $(".alertClear").fadeTo(500, 0, function () { });
        //     $.cookie("number", "", { expires: -1 })
        //     window.location.reload();
        // })

        //输入货号添加商品




















    })


})()